import React, {Component} from 'react';
import Circle from './lib/Circle';

require('./css/frame.css');

export default class P11 extends Component {

  render() {
    return (
      <div id="page">
        <div className="content" id="box11">
          <h4 className="title">组合仪表信息显示</h4>

            <div className='infodiv'>组合仪表上下部信息条中显示驾驶相关的信息，可滑动鼠标查看详细介绍。<br></br>
              注意，组合仪表所显示信息在不同状态下会有区别。</div>

            <img src={require('./img/11.jpg')} style={{marginTop: 80}}/>

            <Circle style={{left: '343', top: '277',textAlign:'center'}} data='指南针 '/>
            <Circle style={{left: '565', top: '277',textAlign:'center'}} data='驾驶模式'/>
            <Circle style={{left: '607', top: '277',textAlign:'center'}} data='环境温度'/>
            <Circle style={{left: '628', top: '538',textAlign:'center'}} data='里程表'/>
            <Circle style={{left: '496', top: '538',textAlign:'center'}} data='ACC状态'/>
            <Circle style={{left: '365', top: '538',textAlign:'center'}} data='行程表'/>
        </div>
      </div>
    );
  }
}


